<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Graph Vis. - Dapeng XU</title>
    <script src="third-part/jquery/jquery.js"></script>
    <script src="third-part/d3.js/d3.js"></script>
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
    <div id="test">
        <table id="titleTable">
            <tr class="notLastRow">
                <td class="cell">
                    <div id="titleText" >Graph Vis. - Dapeng XU </div>
                </td>
                <td class="cell">
                    <button id="reset">Reset</button>
                </td>
                <td class="cell">
                    <div id="iterations"></div>
                </td>
                <td class="cell">
                    <div id="totalTime"></div>
                </td>
            </tr>
        </table>
        <table>
            <tr>
                <td class="cell">
                    <div id="dataselect">
                        <select id="dataset"></select>
                        <button id="datasetconfirm">Change dataset</button>
                    </div>
                </td>
                <td class="cell">
                    <div id="randomcheckbox">
                        <input id="randomize" type="checkbox">Randomize position<br />
                    </div>
                </td>
                <td class="cell">
                    <div class="helpText">
                        按C键或点击SVG图像，进行一次迭代计算。
                    </div>
                </td>
                <td class="cell">
                    <div class="helpText">
                        按H键，深度求解。
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <svg id="svg_canvas" width="960" height="540"></svg>
    <div id="debug"></div>
    <div id="tooltip" width="100" height="100">hahah</div>
    <script src="js/main.js"></script>
</body>
</html>